<template>
  <div class="box">
    <el-row :gutter="20">
      <el-col :span="24">
        <div class="grid-content bg-purple title p_10 flex">
          <p class="align-items">
            <i class="el-icon-s-cooperation icon" />实施单位名称 : 战略发展部
          </p>
          <el-dropdown trigger="click">
            <el-button type="primary">
              更多菜单<i class="el-icon-arrow-down el-icon--right"></i>
            </el-button>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>基本信息查看</el-dropdown-item>
              <el-dropdown-item>基本信息编辑</el-dropdown-item>
              <el-dropdown-item>重点项目</el-dropdown-item>
              <el-dropdown-item>投后关联人员</el-dropdown-item>
              <el-dropdown-item>切换展示视图</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple p_15 border_r">
          <p>项目名称</p>
          <p>濮阳豫能XX123X公司</p>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="grid-content bg-purple p_15 border_r">
          <p>所属行业</p>
          <p>制造业</p>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="grid-content bg-purple p_15 border_r">
          <p>项目维护人</p>
          <p>王路</p>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="grid-content bg-purple p_15 border_r">
          <p>板块责任人</p>
          <p>王路</p>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="grid-content bg-purple p_15">
          <p>项目所在地</p>
          <p>中国－河南省－郑州市</p>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "viewTop",
  data() {
    return {};
  },
  methods:{},
};
</script>
<style lang="scss" scoped>
.title {
  line-height: 60px;
  font-size: 20px;
  color: #2d3e4e;
  border-bottom: #f2f2f2 solid 1px;
}
.border_r {
  border-right: #f2f2f2 solid 1px;
}
.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-items {
  display: flex;
  align-items: center;
  margin-block-start: 0em;
    margin-block-end: 0em;
}
.icon {
  color: orange;
  font-size: 50px;
  margin-right: 5px;
}
ul{
      margin-block-start: 0em;
    margin-block-end: 0em;
}
</style>